<script lang="ts" setup>
import { useRouter, useRoute } from 'vue-router'
import { homeStoriesStore } from "@/store/index";
import { ref } from "vue";

const store = homeStoriesStore();
const { updateIsDiscoverShow } = store;

const router = useRouter();
const route = useRoute();

const imgUrl = ref('');
imgUrl.value = String(route.query.url);

function goBackFunc() {
    updateIsDiscoverShow(false)
    router.push({ name: 'discover' });
}
</script>
<template>
    <div class="mb-32 bg-white h-screen">
        <div class="p-5 flex items-center justify-between ">
            <img class="w-6 h-10" src="@/assets/card/h5_qr_back.png" alt="back" @click="goBackFunc">
            <img class="w-8 h-8" src="@/assets/card/stow_default.png" alt="img">
        </div>
        <img :src="imgUrl" alt="img">
    </div>
</template>
